<template>
  <view class="float-box" @click="onClick" v-if="onShowComponent == 'service'">
    <u-icon :customStyle="cstyle" color="#EEEEEE" size="38" name="kefu-ermai"></u-icon>
    <text class="bottom-text">联系客服</text>
  </view>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  components: {},
  name: 'xxpopup',
  data() {
    return {
      cstyle: {
        background: '#007aff',
        width: '90rpx',
        height: '90rpx',
        borderRadius: '45rpx',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
      },
      showAuthGuide: false,
      onShowComponent: '',
    }
  },
  props: {},
  computed: {},
  methods: {
    onClick() {
      this.$alert('联系客服')
    },
    show(c) {
      console.log('showshowshow')
      this.onShowComponent = c
      this.showAuthGuide = true
    },
    open() {
      this.showAuthGuide = true
    },
    close() {
      console.log('closecloseclosecloseclose')
      this.showAuthGuide = false
    },
  },
}
</script>

<style lang="scss">
.float-box {
  // background: #bbbbbb;
  position: fixed;
  right: 22upx;
  bottom: 140upx;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  .bottom-text {
    font-weight: bold;
    font-size: 22upx;
    color: #007aff;
  }
}
</style>
